<template>
  <div>
    <a-card class="card">欢迎来到，微前端世界！</a-card>
  </div>
</template>

<script>
  export default {
    name: 'Home',
    components: {},
    beforeRouteEnter(to, from, next) {
      // 在渲染该组件的对应路由被 confirm 前调用
      // 不！能！获取组件实例 `this`
      // 因为当守卫执行前，组件实例还没被创建
      next(() => {
      })
    }
  }
</script>

<style scoped>
.card {
  padding-top: 50px;
  height: 80vh;
  text-align: center;
  font-weight: 700;
  font-size: 40px;
}
</style>
